<template>
	<view>
		<view class="item" v-for="(item,index) in list" :key="index">
			<navigator hover-class="false" class="infoItem" v-for="(val,num) in item" :key="num" :url="val.url">
				<view class="infoItem-title">{{val.name}}</view>
				<i class="iconfont iconright"></i>
			</navigator>
		</view>
		<view class="infoItem quit">退出登录</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [
					[{
						name: '修改手机号',
						url: '/pages/mine/updatePhone'
					}, {
						name: '修改密码',
						url: '/pages/mine/updatePwd'
					}, {
						name: '地址管理',
						url: '/pages/mine/address'
					}],
					[{
						name: '当前版本',
						url: ''
					}, {
						name: '关于我们',
						url: ''
					}, {
						name: '意见反馈',
						url: '/pages/mine/feedback'
					}]
				]
			}
		},
		methods: {

		}
	}
</script>

<style>
	.item {
		margin-bottom: 50upx;
	}

	.infoItem {
		color: #333333;
		justify-content: space-between;
	}

	.quit {
		color: #E43841;
		border: none;
		justify-content: center;
		margin-top: 100upx;
	}
</style>
